<template>
  <div>
    <div>msg1: {{ msg1 }}</div>
    <input type="text" v-model="msg1" />
  </div>
  <hr />
  <div>
    <div>msg2: {{ msg2 }}</div>
    <input type="text" v-model="msg2" />
  </div>
</template>

<script setup lang="ts">
import { useDelayMsg } from "./utils/useDelayMsg";

const msg1 = useDelayMsg(1000, "abc");
const msg2 = useDelayMsg(2000);

// let value = "";
// const msg = customRef((track, trigger) => {
//   return {
//     get() {
//       track();
//       return value;
//     },
//     set(v) {
//       setTimeout(() => {
//         value = v;
//         trigger();
//       }, 1000);
//     },
//   };
// });
</script>

<style scoped></style>
